import React, {Component} from 'react'
import {Dropdown} from 'element-react'
import './style.scss'
import Logo from '../../assets/image/logo.jpg'
class Head extends Component {
    render() {
        return (<div className='header'>
            <div className='logo'>
                <a href="/"><img src={Logo} alt="1234"/></a>
            </div>
            <div>
                <Dropdown size='mini' onCommand={this.handleCheck.bind(this)} menu={(
                    <Dropdown.Menu>
                        <Dropdown.Item command='1'>黄金糕</Dropdown.Item>
                        <Dropdown.Item command='2'>狮子头</Dropdown.Item>
                        <Dropdown.Item command='3'>螺蛳粉</Dropdown.Item>
                        <Dropdown.Item command='4'>双皮奶</Dropdown.Item>
                        <Dropdown.Item command='5'>蚵仔煎</Dropdown.Item>
                    </Dropdown.Menu>
                )}>
                  <span className="el-dropdown-link">
                    下拉菜单<i className="el-icon-caret-bottom el-icon--right"></i>
                    </span>
                </Dropdown>
            </div>
        </div>)
    }

    handleCheck(e) {
       alert(e)
    }
}

export default Head